/** * @description: 学生请假统计 */
<template>
  <div class="pub-container">
    <van-tabs v-model="active" swipe-threshold="4" title-active-color="#2E6CF6" title-inactive-color="#5F5F6B" line-width="24">
      <!-- 课堂请假 -->
      <van-tab title="课堂请假">
        <ClassroomLeave />
      </van-tab>

      <!-- 非课堂请假 -->
      <van-tab title="非课堂请假">
        <NoClassroomLeave />
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
import ClassroomLeave from './classroomLeave'
import NoClassroomLeave from './noClassroomLeave'
export default {
  name: 'LeaveStatistics',
  components: {
    ClassroomLeave,
    NoClassroomLeave,
  },
  data() {
    return {
      active: 0,
    }
  },
}
</script>

<style lang="scss" scoped>
::v-deep {
  .van-tabs__line {
    background: #2e6cf6;
  }
}
</style>
